<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>个人设置</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
  <link rel="stylesheet" href="../../views/ccw/g-personalcenter.css">
  <link rel="stylesheet" href="../../views/ccw/foot.css">
  <link rel="stylesheet" href="../../views/slx/css/nav.css">
  <link rel="stylesheet" href="/dev/views/cxy/css/playerto.css">
  <style>
    #QPlayer{
      z-index:200;
    }
  </style>
</head>
<body>
<div id="app"></div>
<!--播放器-->
<div id="QPlayer">
  <div id="pContent">

    <div id="player">
      <span class="cover"></span>
      <div class="ctrl">
        <div class="musicTag marquee">
          <strong>Title</strong>
          <span> - </span>
          <span class="artist">Artist</span>
        </div>
        <div class="progress">
          <div class="timer left">0:00</div>
          <div class="contr">
            <div class="rewind icon"></div>
            <div class="playback icon"></div>
            <div class="fastforward icon"></div>
          </div>
          <div class="right">
            <div class="liebiao icon"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="ssBtn" style="background:#000 none repeat scroll 0% 0%">
      <div class="adf"></div>
    </div>
  </div>
  <ol id="playlist"></ol>
</div>

<div class="personal settings">
  <div class="shuxian">
    <h3><span>个人设置</span></h3>
    <br>

    <form onsubmit=" return sendJson01" method="post" enctype="multipart/form-data" role="form">
      <div class="form-group">
        <label  style="color: gray">用户名:</label>
        <input type="text" class="form-control" name="username" id="username" placeholder="">
      </div>

      <div class="form-group">
        <label style="color: gray">个人介绍:</label>
        <textarea class="form-control" id="intro" name="intro" rows="3"></textarea>
        <!--            <input type="text" class="form-control"  >-->
      </div>

      <div class="imglayui">
        <div class="layui-upload-drag" id="test10">
          <i class="layui-icon"></i>
          <p>点击或拖拽上传头像</p>
          <div class="layui-hide" id="uploadDemoView">
            <hr>
            <img src="" alt="上传成功后渲染" style="max-width: 196px" >
          </div>
          <div style="width: 250px;">
            <div class="layui-progress layui-progress-big" lay-showpercent="yes" lay-filter="demo">
              <div class="layui-progress-bar" lay-percent=""></div>
            </div>
          </div>
        </div>
      </div>


      <br><br>
      <div class="baocun">
      <sumbit type="button" class="btn btn-primary" onclick="return sendJson01()" style="margin-left: 80px">保存</sumbit>
      </div>
    </form>


  </div>
</div>

<!-- 尾部 -->
<div class="foot">
  <div class="copy">
    <p class="link" id="music-link">
      <a href="#" class="item sf">服务条款</a>
      <span class="line">|</span>
      <a href="#" class="item sf">隐私政策</a>
      <span class="line">|</span>
      <a href="#" class="item sf">儿童隐私政策</a>
      <span class="line">|</span>
      <a href="#" class="item sf">版权投诉</a>
      <span class="line">|</span>
      <a href="#" class="item sf">广告合作</a>
      <span class="line">|</span>
      <a href="#" class="item sf">联系我们</a>
      <span class="line">|</span>
    </p>
  </div>
</div>



<!-- 必须先引入jquery.min.js -->
<script src="/dev/plugins/jquery.min.js"></script>
<script src="/dev/plugins/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
<script src="/dev/plugins/layui/layui.js"></script>
<script src="/dev/views/cxy/js/xiaobofang/jquery.marquee.min.js"></script>
<script src="/dev/views/ccw/gjs/personalsettings.js"></script>

<script src="/dev/views/cxy/js/xiaobofang/player.js"></script>

</body>
</html>
